<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2017/11/23 0023
  Time: 下午 2:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>wms</title>
    <link rel="stylesheet" href="/static/css/common.css">
    <link rel="stylesheet" href="/static/plugins/layui/css/layui.css">
    <style>



        .layui-form-item input{
            width: 40%;
        }
        .layui-form-select .layui-input{
            padding-right: 0;
            margin-left: 25px;
            width: 175px;
        }
        .layui-form-select dl{
            margin-left: 25px;
        }
        .layui-btn{
            margin-top: 10px;
        }
        .btn{
            margin-left: 137px;
            margin-top: 25px;
        }
        h3{
            text-align: center;
            font-size: 20px;
        }
    </style>
</head>
<body>
<div class="box-padding-15">
            <span class="layui-breadcrumb">
              <a href="/" target="_top">首页</a>
              <a href="javascript:;">出库管理</a>
                <a><cite>手动出货</cite></a>
            </span>
    <hr>
    <div class="box-form">
        <form class="layui-form " action="/order/dj3" method="post"  id="formid">


              <div class="layui-form-item">
                                     <h3>请手动选择出货点</h3>

                  <div class="btn">

                  <button class="layui-btn green" type="button"  style="background: lawngreen">有货</button>
                  <button class="layui-btn green" type="button"  style="background: lawngreen">有货</button>
                  <button class="layui-btn red" type="button"  style="background: grey">无货</button>

                  <button class="layui-btn green" type="button"  style="background:lawngreen">有货</button>
                  <button class="layui-btn red" type="button"  style="background:grey">无货</button>
                  <button class="layui-btn green" type="button"  style="background: lawngreen">有货</button>
                  <button class="layui-btn red" type="button"  style="background: grey">无货</button>
                  <button class="layui-btn green" type="button"  style="background: lawngreen">有货</button>
                  <br>

                  <button class="layui-btn green" type="button"  style="background: lawngreen">有货</button>
                  <button class="layui-btn red" type="button"  style="background: grey">无货</button>
                  <button class="layui-btn green" type="button"  style="background: lawngreen">有货</button>

                  <button class="layui-btn green" type="button"  style="background: lawngreen">有货</button>
                  <button class="layui-btn red" type="button"  style="background: grey">无货</button>
                  <button class="layui-btn green" type="button"  style="background: lawngreen">有货</button>
                  <button class="layui-btn green" type="button"  style="background: lawngreen">有货</button>
                  <button class="layui-btn red" type="button"  style="background: grey">无货</button>
                      <br>


                      <button class="layui-btn red" type="button"  style="background: grey">无货</button>
                      <button class="layui-btn green" type="button"  style="background: lawngreen">有货</button>
                      <button class="layui-btn green" type="button"  style="background: lawngreen">有货</button>

                      <button class="layui-btn green" type="button"  style="background: lawngreen">有货</button>
                      <button class="layui-btn red" type="button"  style="background: grey">无货</button>
                      <button class="layui-btn red" type="button"  style="background: grey">无货</button>
                      <button class="layui-btn green" type="button"  style="background: grey">无货</button>
                      <button class="layui-btn lawngreen" type="button"  style="background: lawngreen">有货</button>
                      <br>

                      <button class="layui-btn red" type="button"  style="background: grey">无货</button>
                      <button class="layui-btn lawngreen" type="button"  style="background: lawngreen">有货</button>
                      <button class="layui-btn red" type="button"  style="background: grey">无货</button>

                      <button class="layui-btn red" type="button"  style="background: grey">无货</button>
                      <button class="layui-btn lawngreen" type="button"  style="background: lawngreen">有货</button>
                      <button class="layui-btn red" type="button"  style="background: grey">无货</button>
                      <button class="layui-btn red" type="button"  style="background: grey">无货</button>
                      <button class="layui-btn lawngreen" type="button"  style="background: lawngreen">有货</button>
                  </div>
              </div>
         </form>
    </div>
</div>

      <script src="/static/plugins/jquery-3.2.1.min.js"></script>
      <script src="/static/plugins/layui/layui.js"></script>
<script>
        layui.use(['laydate','element','form'], function(){
        var laydate = layui.laydate;
        var element = layui.element;
        var form = layui.form;

       $(".red").click(function () {
           layer.open({
               content:'选择错误，该点相关产品库存为零！',
               btn:'返回重选'
           })
       })
            $(".green").click(function () {
                layer.open( {
                    content:'有货，点击执行货品将运出',
                    btn: ['执行', '放弃']
                        ,yes: function(index, layero){
                        layer.open({
                            content:'出货指令已下达，plc启动中...',
                        })
                    },btn2: function(index, layero){
                        //按钮【按钮二】的回调
                    }
                })
            })








        })

</script>
</body>
</html>
